<template>
  <el-menu background-color="black" text-color="#fff" active-text-color="#fff"
           default-active="/oneSelf"
           :collapse="isCollapse"
           :collapse-transition="false"
           router
  >
    <el-menu-item index="/oneSelf">
      <i class="el-icon-s-home"></i>
      <span slot="title">首页</span>
    </el-menu-item>
      <el-menu-item index="/Gpt" >
        <i class="el-icon-s-opportunity"></i>
        <span slot="title">chat GPT</span>
      </el-menu-item>
    <el-menu-item index="/up">
      <i class="el-icon-shopping-cart-2"></i>
      <span slot="title">充值</span>
    </el-menu-item>
    <el-menu-item index="/date_vue">
      <i class="el-icon-shopping-cart-2"></i>
      <span slot="title">今日计划</span>
    </el-menu-item>
    <el-menu-item index="/jindu">
      <i class="el-icon-shopping-cart-2"></i>
      <span slot="title">计划进度</span>
    </el-menu-item>
    <el-menu-item index="/job">
      <i class="el-icon-shopping-cart-2"></i>
      <span slot="title">计划进度</span>
    </el-menu-item>
  </el-menu>
</template>

<script>
export default {
  name: "Menu",
  data(){
    return {
      // isCollapse:true,
    }
  },
  props:{
    isCollapse:Boolean,
  },
  methods:{
    // gpt(){
    //   this.$router.replace('/Gpt')
    // }
  }
}
</script>

<style scoped>
/*.el-menu-item.is-active {*/
/*  color: black;*/
/*  background-color: #183356 !important;*/
/*}*/
</style>
